<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="layui/css/layui.css">
		  <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
	</head>
	<body>
		<div class="layui-container">
			<div class="layui-row layui-col-space10">
				<div class="layui-col-md4">
					<div class="layui-card">
						<div class="layui-card-header">
							<span class="layui-icon"></span>快捷方式
						</div>
						<div class="layui-card-body" style="height: 170px;">
							<div class="layui-row layui-col-space10">
								<div class="layui-col-md3">
									<div class="layui-card">
										<div class="layui-card-header layui-bg-gray" align="center">
											<span class="layui-icon layui-icon-console" style="font-size: 30px; color: #1E9FFF;"></span>
											<br>主页一
										</div>
									</div>
								</div>
								<div class="layui-col-md3">
									<div class="layui-card">
										<div class="layui-card-header layui-bg-gray" align="center">
											<span class="layui-icon layui-icon-chart" style="font-size: 30px; color: #1E9FFF;"></span>
											<br>主页二
										</div>
									</div>
								</div>
								<div class="layui-col-md3">
									<div class="layui-card">
										<div class="layui-card-header layui-bg-gray" align="center">
											<span class="layui-icon layui-icon-template-1" style="font-size: 30px; color: #1E9FFF;"></span>
											<br>弹层
										</div>
									</div>
								</div>
								<div class="layui-col-md3">
									<div class="layui-card">
										<div class="layui-card-header layui-bg-gray" align="center">
											<span class="layui-icon layui-icon-chat" style="font-size: 30px; color: #1E9FFF;"></span>
											<br>聊天
										</div>
									</div>
								</div>
							</div><br><br>



							<div class="layui-row layui-col-space10">
								<div class="layui-col-md3">
									<div class="layui-card">
										<div class="layui-card-header layui-bg-gray" align="center">
											<span class="layui-icon layui-icon-find-fill" style="font-size: 30px; color: #1E9FFF;"></span>
											<br>进度条
										</div>
									</div>
								</div>
								<div class="layui-col-md3">
									<div class="layui-card">
										<div class="layui-card-header layui-bg-gray" align="center">
											<span class="layui-icon layui-icon-survey" style="font-size: 30px; color: #1E9FFF;"></span>
											<br>工单
										</div>
									</div>
								</div>
								<div class="layui-col-md3">
									<div class="layui-card">
										<div class="layui-card-header layui-bg-gray" align="center">
											<span class="layui-icon layui-icon-user" style="font-size: 30px; color: #1E9FFF;"></span>
											<br>用户
										</div>
									</div>
								</div>
								<div class="layui-col-md3">
									<div class="layui-card">
										<div class="layui-card-header layui-bg-gray" align="center">
											<span class="layui-icon layui-icon-set" style="font-size: 30px; color: #1E9FFF;"></span>
											<br>设置
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="layui-col-md4">
					<div class="layui-card">
						<div class="layui-card-header">
							<span class="layui-icon"></span>待办事项
						</div>
						<div class="layui-card-body" style="height: 170px;">
							<div class="layui-row layui-col-space12">
								<div class="layui-col-md6">
									<div class="layui-card">
										<div style="float: left; margin-left: 5px; width: 100%; height:70px;" class="layui-bg-gray">
											<font style=" font-size: 12px; margin-left: 10px;">待审评论</font><br>
											<font style=" font-size: 26px; margin-left: 10px; color: #009688;">66</font>
										</div>
									</div>
								</div>
								<div class="layui-col-md6">
									<div class="layui-card">
										<div style="float: left; margin-left: 5px; width: 100%; height:70px;" class="layui-bg-gray">
											<font style=" font-size: 12px; margin-left: 10px;">待审帖子</font><br>
											<font style=" font-size: 26px; margin-left: 10px; color: #009688;">12</font>
										</div>
									</div>
								</div>
								<div class="layui-row layui-col-space12">
									<div class="layui-col-md6">
										<div class="layui-card">
											<div style="float: left; margin-left: 5px; width: 100%; height:70px;" class="layui-bg-gray">
												<font style=" font-size: 12px; margin-left: 10px;">待审商品</font><br>
												<font style=" font-size: 26px; margin-left: 10px; color: #009688;">99</font>
											</div>
										</div>
									</div>
									<div class="layui-col-md6">
										<div class="layui-card">
											<div style="float: left; margin-left: 5px; width: 100%; height:70px;" class="layui-bg-gray">
												<font style=" font-size: 12px; margin-left: 10px;">待发货</font><br>
												<font style=" font-size: 26px; margin-left: 10px; color: #009688;">20</font>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="layui-col-md4">
					<div class="layui-card">
						<div class="layui-card-header">
							<span class="layui-icon"></span>版本信息
						</div>
						<div class="layui-card-body" style="height=170px">
							<table class="layui-table">
								<tr>
									<td>当前版本</td>
									<td>v1.2.1 pro&nbsp;&nbsp;<a href="#" style="color: blue;">更新日志</a></td>
								</tr>
								<tr>
									<td>基于框架</td>
									<td>layui-v2.4.5</td>
								</tr>
								<tr>
									<td>主要特色</td>
									<td>单页面/响应式/清爽/极简</td>
								</tr>
								<tr>
									<td>获取渠道</td>
									<td><a href="#" class="layui-btn layui-btn-sm layui-bg-red"><span></span>获取授权</a>
										<a href="#" class="layui-btn layui-btn-sm layui-bg-green">立即下载</a>
									</td>
								</tr>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
		</div>
		<div class="layui-row layui-col-space5">
			<div class="layui-col-md6">
				<div class="layui-card">
				<div class="layui-card-header">柱状图</div>
				<div class="layui-card-body">
				<div  id="bar" style="height: 300px; width:100%;"></div>
				</div>
				
			</div>
			</div>
			<div class="layui-col-md6">
					<div class="layui-card">
				<div class="layui-card-header">饼图</div>
				<div class="layui-card-body">
					<div  id="pie" style="height: 300px; width:100%;"></div>
				
				</div>
				</div>
			</div>
		</div>
		<div class="layui-row">
			<div class="layui-col-md4">
				<div class="layui-card">
				<div class="layui-card-header">基础数据</div>
				<div class="layui-card-body">
					<table class="layui-table">
						<tr>
							<td>111111</td>
							<td>111111</td>
							<td>111111</td>
							<td>111111</td>
						</tr>
						<tr>
							<td>111111</td>
							<td>111111</td>
							<td>111111</td>
							<td>111111</td>
						</tr>
						<tr>
							<td>111111</td>
							<td>111111</td>
							<td>111111</td>
							<td>111111</td>
						</tr>
						<tr>
							<td>111111</td>
							<td>111111</td>
							<td>111111</td>
							<td>111111</td>
						</tr>
						<tr>
							<td>111111</td>
							<td>111111</td>
							<td>111111</td>
							<td>111111</td>
						</tr>
						<tr>
							<td>111111</td>
							<td>111111</td>
							<td>111111</td>
							<td>111111</td>
						</tr>
						<tr>
							<td>111111</td>
							<td>111111</td>
							<td>111111</td>
							<td>111111</td>
						</tr>
						
						
					</table>	
				</div>
				</div>
			</div>
			<div class="layui-col-md8">
				<div class="layui-card">
				<div class="layui-card-header">仪表图</div>
				<div class="layui-card-body">
				    <div  id="gauge" style="height: 300px; width:100%;"></div>
				</div>
				</div>
			</div>
			
		</div>
		</div>
		<script type="text/javascript" src="js/echarts.js"></script>
		<script src="js/welcome.js"></script>
	</body>
</html>
